<div ng-controller="file-index" style="background-color:#fff;">
  <!-- 查询input和按钮 -->
  <div class="row" style="color:#fff; padding-top:100px;margin-right:0;margin-left:0;">
    <div class="col-xs-7" style="margin-left:12%;padding:0px; ">
      <input type="text" style="height:34px;font-size:15px; width:100%;color:#5A6470;padding:5px; border:1px solid #3468b5;" ng-model="searchText"
        placeholder="关键字">
    </div>
    <div class="col-xs-2" style="padding:0px; background-color:#fff;">
      <button style="color:#fff;  background-color:#3468b5; width:78%;height:34px; font-size:15px; text-align:center;border:0px;"
        ng-click="search()">搜索一下</button>
    </div>
  </div>
  <div style="margin: auto;text-align:center;">
    <div style="width:480px;margin-top: 50px;margin: auto;display: inline-block;text-align:left;">
      <div class="wrap">
        <input type="radio" id="participles" ng-model="searchType" ng-value="0">
        <!-- <label for="participles"></label><span style="font-size:16px;margin-left:10px;">分词匹配（例:"精准扶贫" - 查询包含"精准"与"扶贫"的文本）</span> -->
        <label style="margin-top: -2px; margin-right: 3px;" class="radioLabel" for="participles"></label><label class="textLabel"
          for="participles" style="position: absolute; font-size:16px;margin-left:16px; top: 12px;">分词匹配（例:"精准扶贫" - 查询包含"精准"与"扶贫"的文本）</label>
      </div>
    </div>
    <div style="width:480px;margin-top: 50px;margin: auto;display: inline-block;text-align:left;">
      <div class="wrap">
        <input type="radio" id="accurate" ng-model="searchType" ng-value="1">
        <!-- <label for="accurate"></label><span style="font-size:16px;margin-left:10px;">精确匹配（例:"精准扶贫 - "查询包含"精准扶贫"的文本）</span> -->
        <label class="radioLabel" for="accurate"></label><label class="textLabel" for="accurate" style="float: left; font-size:16px;margin-left:40px; margin-top: 13px;">精确匹配（例:"精准扶贫 - "查询包含"精准扶贫"的文本）</label>
      </div>
    </div>
  </div>
  <div class="row" style="color:aliceblue; padding-top:80px;margin-right:0;margin-left:0;">
    <div style="width:75%;margin:0 auto;height: 205px;">
      <div class="col-md-3" style="width:30%;height: 100%;box-shadow: 0px 30px 8px -16px #c5c5c5;overflow: hidden; border-radius: 6px; border:1px solid #00BEF3;margin-right:25px; background-color:#0081a5;"
        ng-mouseenter="showFileProportion=!showFileProportion" ng-mouseleave="showFileProportion=!showFileProportion">
        <div class="preDetailTitle" style="background: #00BEF3;" ng-hide="showFileProportion">
          <i class="fa fa-files-o"></i>
          <span>文件总数</span>
        </div>
        <div class="detailMain">
          <div class="detailTitle">
            <i class="fa fa-files-o"></i>
            <span style="font-size:25px;margin-left: 6px;">文件总数：<span
                class="infoSumNum">{{allFilesCounts}}</span></span>
          </div>
          <div class="detailInfo" style="border: none" ng-repeat="rangeFilterFile in rangeFilterFilesArr track by $index">
            <p>{{rangeFilterFile.extension}}：<span class="aFileNum">{{rangeFilterFile.hits_count}}</span></p>
            <p>占比：<span class="rateNum">{{rangeFilterFile.hits_percent.toFixed(2)}}%</span></p>
          </div>

        </div>
      </div>
      <div class="col-md-3" style="width:30%;height: 100%;box-shadow: 0px 30px 8px -16px #c5c5c5;overflow: hidden; border-radius: 6px; border:1px solid #01A358;margin-right:25px;  background-color: #01A358 "
        ng-mouseenter="showFileDynamic=!showFileDynamic" ng-mouseleave="showFileDynamic=!showFileDynamic">
        <div class="preDetailTitle" style="background: #01A358;" ng-hide="showFileDynamic">
          <i class="fa fa-folder-open"></i>
          <span>文件动态</span>
        </div>
        <div class="detailMain">

          <div class="detailTitle">
            <i class="fa fa-folder-open"></i>
            <span style="font-size:25px;margin-left: 6px;padding-bottom: 10px;">文件动态</span>
          </div>
          <div class="detailInfo" style="border: none;">
            <p>今天：</p>
            <p class="aFileNum">{{filesCountsToday}}</p>
          </div>
          <div class="detailInfo" style="border: none;">
            <p>近一周：</p>
            <p class="aFileNum">{{filesCountsWeek}}</p>
          </div>
          <div class="detailInfo" style="border: none;">
            <p>近一个月：</p>
            <p class="aFileNum">{{filesCountsMonth}}</p>
          </div>
        </div>
      </div>
      <div class="col-md-3" style="width:30%;height: 100%;box-shadow: 0px 30px 8px -16px #c5c5c5;overflow: hidden; border-radius: 6px; border:1px solid #F49B13;  background-color:#ce7c00; "
        ng-mouseenter="showFileTag=!showFileTag" ng-mouseleave="showFileTag=!showFileTag">
        <div class="preDetailTitle" style="background: #F49B13;" ng-hide="showFileTag">
          <i class="fa fa-tags"></i>
          <span>文件标签</span>
        </div>
        <div class="detailMain">
          <div class="detailTitle">
            <i class="fa fa-tags"></i>
            <span style="font-size:25px;margin-left: 6px;padding-bottom: 10px;">文件标签</span>
          </div>
          <div class="detailInfo" style="border:none;" ng-repeat="tagData in rangeFilterTagsArr track by $index">
            <p style="font-size:15px;">{{tagData.name}}：<span class="aFileNum">{{tagData.hits_count}}</span></p>
            <p>占比：<span class="rateNum">{{tagData.hits_percent.toFixed(2)}}%</span></p>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>